<template>
  <div class="charts" ref="charts"></div>
</template>

<script>
import * as echarts from 'echarts';
export default {
name:"",
mounted(){
    let barCharts = echarts.init(this.$refs.charts);
    barCharts.setOption({
        yAxis:{show:false},
        xAxis:{type:"category",show:false},
        tooltip:{},
        grid:{
            top:0,
            left:0,
            right:0,
            bottom:0,
        },
        series:[{
            type:"bar",
            data:[10,7,33,12,20,45,12,35,45,10,44,13],
        }],
    });
    barCharts.onreset = window.reset;
}
}
</script>

<style scoped>
.charts{
    height:100%;
    width:100%;
}
</style>